@extends('layout.home.index')

@section('title')

<title>华为商城</title>
@endsection

@section('content')
<!-- 20130904-热门板-start -->
  <div class="hot-board"> 
   <!--ads start--> 
   <div style="width: 1423px; height: 448px;" class="ec-slider" id="index_slider"> 
    <ul style="width: 1423px; height: 448px;" class="ec-slider-list pop"> 
     <li class="ec-slider-item" style="background: url(&quot;/home/index/images/57.jpg&quot;) no-repeat scroll 50% 0px transparent; width: 1423px; height: 448px; position: absolute; display: list-item;"> 
      <div style="width:100%;" class="ec-slider-item-img"> 
       <a style="width:100%;height:448px;display:block;" href="#" target="_blank" onclick="_paq.push(['trackLink','主站PC首焦第2帧', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"></a> 
      </div> </li>
      <li class="ec-slider-item" style="background: url(&quot;/home/index/images/77.jpg&quot;) no-repeat scroll 50% 0px transparent; width: 1423px; height: 448px; position: absolute; display: none;"> 
      <div style="width:100%;" class="ec-slider-item-img"> 
       <a style="width:100%;height:448px;display:block;" href="#" target="_blank" onclick="_paq.push(['trackLink','主站PC首焦第1帧', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"></a> 
      </div> 
     </li>  
     <li class="ec-slider-item" style="background: url(&quot;/home/index/images/930.jpg&quot;) no-repeat scroll 50% 0px transparent; width: 1423px; height: 448px; position: absolute; display: none;"> 
      <div style="width:100%;" class="ec-slider-item-img"> 
       <a style="width:100%;height:448px;display:block;" href="#" target="_blank" onclick="_paq.push(['trackLink','主站PC首焦第3帧', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"></a> 
      </div> </li> 
     <li class="ec-slider-item" style="background: url(&quot;/home/index/images/457.jpg&quot;) no-repeat scroll 50% 0px transparent; width: 1423px; height: 448px; position: absolute; display: none;"> 
      <div style="width:100%;" class="ec-slider-item-img"> 
       <a style="width:100%;height:448px;display:block;" href="#" target="_blank" onclick="_paq.push(['trackLink','主站PC首焦第4帧', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"></a> 
      </div> </li> 
     <li class="ec-slider-item" style="background: url(&quot;/home/index/images/895.jpg&quot;) no-repeat scroll 50% 0px transparent; width: 1423px; height: 448px; position: absolute; display: none;"> 
      <div style="width:100%;" class="ec-slider-item-img"> 
       <a style="width:100%;height:448px;display:block;" href="#" target="_blank" onclick="_paq.push(['trackLink','主站PC首焦第5帧', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"></a> 
      </div> </li> 
      <li class="ec-slider-item" style="background: url(&quot;/home/index/images/250.jpg&quot;) no-repeat scroll 50% 0px transparent; width: 1423px; height: 448px; position: absolute; display: none;"> 
      <div style="width:100%;" class="ec-slider-item-img"> 
       <a style="width:100%;height:448px;display:block;" href="#" target="_blank" onclick="_paq.push(['trackLink','主站PC首焦第6帧', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"></a> 
      </div> 
      </li>
      <li class="ec-slider-item" style="background: url(&quot;/home/index/images/189.jpg&quot;) no-repeat scroll 50% 0px transparent; width: 1423px; height: 448px; position: absolute; display: none;"> 
      <div style="width:100%;" class="ec-slider-item-img"> 
       <a style="width:100%;height:448px;display:block;" href="#" target="_blank" onclick="_paq.push(['trackLink','主站PC首焦第6帧', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"></a> 
      </div> 
      </li>
    </ul> 
    <a style="display: none;" class="button-slider-prev" href="javascript:;"></a>
    <a style="display: none;" class="button-slider-next" href="javascript:;"></a>
   </div>
  </div>
  <script src="jquery.js"></script>
	<script type="text/javascript">
	var index = 0;
	var inte = null;
	$('.etc span').mouseover(function(){
		index.$(this).index();
		show(index);
		clearInterval(inte);

	}).mouseout(function(){
		run();
	});

	function show(i){
		$('.etc span').removeClass('active');
		$('.etc span').eq(i).addClass('active');

		$('.pop li').fadeOut();
		$('.pop li').eq(i).fadeIn();
	}

	function run(){
		inte = setInterval(function(){
			index++;
			show(index);
			if(index>=6){
				index = -1;
			}

		},5000);
	}
	run();

	</script>
<script>
ec.load("ec.slider", {
    loadType : "lazy",
    callback : function() {
        $("#index_slider").slider({
            width:     '100%', //必须
            height:     448, //必须
            style : 1,                    //1显示分页，2只显示左右箭头,3两者都显示
            pause : 5000,           //间隔时间
            auto : true,
			minWidth : 1200,
            showNumber:true,
            circleBtn:true
        });
    }
});
</script><ul></ul><ul></ul>
	<!--ads end-->
</div><!-- 20130904-热门板-end -->
 <!--//20161123 弹出框-->
<!-- 20160812 首页轮播图下方 start -->
  <div style="overflow: hidden;width: 100%;"> 
   <div class="layout"> 
    <!--20160812 新增宫格菜单及广告 start--> 
    <div class="channel-floor-0"> 
     <div class="h relative"> 
      <div class="hr-16"></div> 
      <a href="" target="_blank" style="position: absolute;width:1920px;top:0;left:50%;margin-left:-960px;z-index:1;*zoom:1;" onclick="_paq.push(['trackLink','PC主站热销区背景图链接}', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"><img src="/home/index/images/1.jpg" /></a> 
      <div class="span-240 fl relative" style="z-index:2"> 
       <ul class="home-channel-list"> 
        <li class="top left"><a href="#" target="_blank" onclick="_paq.push(['trackLink','PC首页功能导航_实名认证', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"><img src="/home/index/images/275d661e7106517e6d32a6a503edccb0.png" alt="实名认证" /><span>实名认证</span></a></li> 
        <li class="top"><a href="#" target="_blank" onclick="_paq.push(['trackLink','PC首页功能导航_以旧换新', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"><img src="/home/index/images/145ec77ebedc2532604d3b82457f586a.png" alt="以旧换新" /><span>以旧换新</span></a></li> 
        <li class="top"><a href="#" target="_blank" onclick="_paq.push(['trackLink','PC首页功能导航_优购码', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"><img src="/home/index/images/9148fc18e5fe13a1e7eb66668b62bf10.png" alt="优购码" /><span>优购码</span></a></li> 
        <li class="left"><a href="#" target="_blank" onclick="_paq.push(['trackLink','PC首页功能导航_开售提醒', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"><img src="/home/index/images/83dd2782c79496d358f477981ad7710b.png" alt="开售提醒" /><span>开售提醒</span></a></li> 
        <li class=""><a href="#" target="_blank" onclick="_paq.push(['trackLink','PC首页功能导航_公告', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"><img src="/home/index/images/09506e164e078da20af2dde4f55d8df5.png" alt="公告" /><span>公告</span></a></li> 
        <li class=""><a href="#" target="_blank" onclick="_paq.push(['trackLink','PC首页功能导航_特权频道', 'link', ' ']);ec.code.addAnalytics({hicloud:true});"><img src="/home/index/images/3ef0510f05665c6bea5e02fc0f0e05a.png" alt="特权频道" /><span>特权频道</span></a></li> 
       </ul> 
      </div> 
      <div class="span-960 fr relative" style="z-index:3"> 
       <ul class="home-promo-list clearfix"> 
        <li> <a target="_blank" href="#" class="item"> <img src="/home/index/images/20170221171202729.jpg" /> </a> </li> 
        <li> <a target="_blank" href="#" class="item"> <img src="/home/index/images/2017022117120326.jpg" /> </a> </li> 
        <li> <a target="_blank" href="#" class="item"> <img src="/home/index/images/20170221171202929.jpg" /> </a> </li> 
       </ul> 
      </div> 
     </div> 
     <!--20160812 新增宫格菜单及广告 end--> 
     <!--20160812 热销推荐 start--> 
     <!-- 20160812-首页-热销推荐-start --> 
     <div class="b relative" style="z-index:5"> 
      <img src="" style="position: absolute;width:1920px;top:0;left:50%;margin-left:-960px;z-index:1;*zoom:1;" /> 
      <!--//20161123 右侧导航栏--> 
      <div id="event-float-layout" style="position: absolute;z-index: 10;width: 100px;top: 204px; right: -105px;"> 
      </div> 
      <div class="home-recommend-goods"> 
       <div class="h  relative" style="z-index:4"> 
        <h2 class="title">热销推荐</h2> 
       </div> 
       <div class="b" style="z-index:5"> 
        <div class="goods-box"> 
         <ul id="testBanner" class="grid-list"> 
          <!-- 取前5个 --> 
          <li class="grid-items"> <a class="thumb" target="_blank" href="#"> <p class="grid-img"><img alt="HUAWEI Mate 9" src="/home/index/images/1482236802824.png" /></p> <h3 class="grid-title">HUAWEI Mate 9</h3> <p class="grid-desc">进步 再进一步&nbsp;</p> <p class="grid-price">3899元</p> </a> <p class="grid-tips"> </p> </li> 
          <!-- 取前5个 --> 
          <li class="grid-items"> <a class="thumb" target="_blank" href="#"> <p class="grid-img"><img alt="荣耀8" src="/home/index/images/1482236816141.png" /></p> <h3 class="grid-title">荣耀8</h3> <p class="grid-desc">最高直降200元&nbsp;</p> <p class="grid-price">2199元</p> </a> <p class="grid-tips"> <img src="/home/images/1474556959389.jpg" alt="" /> </p> </li> 
          <!-- 取前5个 --> 
          <li class="grid-items"> <a class="thumb" target="_blank" href="#"> <p class="grid-img"><img alt="荣耀畅玩6X" src="/home/index/images/1486712340260.png" /></p> <h3 class="grid-title">荣耀畅玩6X</h3> <p class="grid-desc">双镜头/大内存/长续航&nbsp;</p> <p class="grid-price">1399元</p> </a> <p class="grid-tips"> </p> </li> 
          <!-- 取前5个 --> 
          <li class="grid-items"> <a class="thumb" target="_blank" href="#"> <p class="grid-img"><img alt="HUAWEI nova" src="/home/index/images/1487350585242.png" /></p> <h3 class="grid-title">HUAWEI nova</h3> <p class="grid-desc">原价2399 直降200&nbsp;</p> <p class="grid-price">2199元</p> </a> <p class="grid-tips"> <img src="/home/index/images/1474556828097.jpg" alt="" /> </p> </li> 
          <!-- 取前5个 --> 
          <li class="grid-items"> <a class="thumb" target="_blank" href="#"> <p class="grid-img"><img alt="荣耀V8" src="/home/index/images/1487658701435.jpg" /></p> <h3 class="grid-title">荣耀V8</h3> <p class="grid-desc">双镜头 长续航&nbsp;</p> <p class="grid-price">2099元</p> </a> <p class="grid-tips"> <img src="/home/index/images/1474556828097.jpg" alt="" /> </p> </li> 
         </ul> 
        </div> 
       </div> 
      </div> 
     </div> 
     <!-- 20160812-首页-热销推荐-end --> 
     <!--20160812 热销推荐 end--> 
     <div></div> 
    </div> 
   </div> 
  </div>
<!-- 20160812 首页轮播图下方 end -->

<div class="hr-30"></div>
<div class="layout">
	<!-- 20160802-banner-1200*110-start -->
    <div class="home-banner">
        <!-- 20160802-banner-图片轮换-start -->
  <div class="home-banner-slideshow"> 
   <!-- 20130903-ad-图片轮换-start -->
   <div class="banner-slideshow">
    <div style="width: 1200px; height: 110px;" id="m-banner" class="ec-slider">
     <ul style="width: 1200px; height: 110px;" class="ec-slider-list m-banner">
      <li style="width: 1200px; height: 110px; position: absolute; display: list-item; opacity: 1;" class="ec-slider-item">
       <div class="ec-slider-item-img">
        <a href="#" onclick="_paq.push(['trackLink','首页中间通栏广告第1位', 'link', '']);ec.code.addAnalytics({hicloud:true});" target="_blank"><img src="/home/index/images/3.jpg" /></a>
       </div></li>
      <li style="width: 1200px; height: 110px; position: absolute; display: list-item; opacity: 0;" class="ec-slider-item">
       <div class="ec-slider-item-img">
        <a href="#" onclick="_paq.push(['trackLink','首页中间通栏广告第2位', 'link', '']);ec.code.addAnalytics({hicloud:true});" target="_blank"><img src="/home/index/images/5.jpg" /></a>
       </div></li>
      <li style="width: 1200px; height: 110px; position: absolute; display: none;" class="ec-slider-item">
       <div class="ec-slider-item-img">
        <a href="#" onclick="_paq.push(['trackLink','首页中间通栏广告第3位', 'link', '']);ec.code.addAnalytics({hicloud:true});" target="_blank"><img src="/home/index/images/29.jpg" /></a>
       </div></li>
      <li style="width: 1200px; height: 110px; position: absolute; display: none;" class="ec-slider-item">
       <div class="ec-slider-item-img">
        <a href="#" onclick="_paq.push(['trackLink','首页中间通栏广告第4位', 'link', '']);ec.code.addAnalytics({hicloud:true});" target="_blank"><img src="/home/index/images/56.jpg" /></a>
       </div>
       </li>
       <li style="width: 1200px; height: 110px; position: absolute; display: none;" class="ec-slider-item">
       <div class="ec-slider-item-img">
        <a href="#" onclick="_paq.push(['trackLink','首页中间通栏广告第5位', 'link', '']);ec.code.addAnalytics({hicloud:true});" target="_blank"><img src="/home/index/images/70.jpg" /></a>
       </div>
       </li>
     </ul>
     <a style="display: none;" class="button-slider-prev" href="javascript:;"></a>
     <a style="display: none;" class="button-slider-next" href="javascript:;"></a>
    </div>
   </div>
  </div>
<script>
				
ec.load("ec.slider", {
	loadType : "lazy",
	callback : function() { 
		$("#m-banner").slider({
			width: 1200, //　必须
			height: 110, //　必须
			style : 1, //　1显示分页，2只显示左右箭头,3两者都显示
			pause : 5000, 	//间隔时间
            auto : true
		});
	}
});

</script>
</div>
</div>
        <!-- 20160802-banner-图片轮换-end -->
</div>
    <!-- 20160802-banner-1200*110-end -->
</div>
<div class="hr-40"></div>

<!-- 20160802-HOME GOOGLIST-start -->
<div class="home-channel-container">
<div class="hr-10"></div>
<!-- 初始值 -->
  <div class="layout relative"> 
   <!--//20161123 左侧导航栏--> 
   <div class="home-channel-floor" id="lc_124891"> 
    <div class="h"> 
     <h2 class="channel-title fl">精品手机</h2> 
     <ul class="channel-nav fl"> 
      <li><a href="#" target="_blank">荣耀</a></li> 
      <li><a href="#" target="_blank">荣耀畅玩系列</a></li> 
      <li><a href="#" target="_blank">HUAWEI Mate系列</a></li> 
      <li><a href="#" target="_blank">HUAWEI P系列</a></li> 
      <li><a href="#" target="_blank">HUAWEI nova系列</a></li> 
      <li><a href="#" target="_blank">华为 G系列</a></li> 
      <li><a href="#" target="_blank">华为畅享系列</a></li> 
      <li><a href="#" target="_blank">合约机</a></li> 
     </ul> 
     <div class="channel-more fr">
      <span></span>
      <span></span>
      <span></span> 
      <a href="#" target="_blank">更多</a>
      <span></span>
      <span></span>
      <span></span> 
     </div> 
    </div> 
    <div class="b"> 
     <!--20160815 广告 start--> 
     <div class="span-232 fl"> 
      <ul class="grid-promo-list"> 
       <!--20160815 小广告 start--> 
       <li class="grid-items grid-items-md"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/mask.png" style="" data-lazy-src="/home/index/images/1487575291424.jpg" alt="" /> </a> </li> 
       <!--20160815 小广告 end--> 
       <!--20160815 小广告 start--> 
       <li class="grid-items grid-items-md"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/mask.png" style="" data-lazy-src="/home/index/images/1487045400638.jpg" alt="" /> </a> </li> 
      </ul> 
     </div> 
     <!--20160815 广告 end--> 
     <div class="span-968 fl"> 
      <ul class="grid-list"> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1487553750186.png" alt="HUAWEI P9" /> </p> <h3 class="grid-title">HUAWEI P9</h3> <p class="grid-desc">华为|徕卡 联合设计&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>3388</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556781883.jpg" alt="HUAWEI P9 4GB+64GB 全网通版（琥珀灰）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1483536079816.png" alt="HUAWEI Mate 9 保时捷设计" /> </p> <h3 class="grid-title">HUAWEI Mate 9 保时捷设计</h3> <p class="grid-desc">限量发售&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>8999</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556869580.jpg" alt="HUAWEI Mate 9 保时捷设计 6GB+256GB 全网通版（曜石黑）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1487658911378.png" alt="荣耀畅玩5A" /> </p> <h3 class="grid-title">荣耀畅玩5A</h3> <p class="grid-desc">800万+1300万像素摄像头&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>799</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482232578810.png" alt="HUAWEI P9 Plus" /> </p> <h3 class="grid-title">HUAWEI P9 Plus</h3> <p class="grid-desc">赠蓝牙耳机+自拍杆&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>3988</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/images/mask.png" data-lazy-src="/home/index/images/1486609865035.png" alt="荣耀畅玩5C" /> </p> <h3 class="grid-title">荣耀畅玩5C</h3> <p class="grid-desc">芯片级省电&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>1199</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1487659100939.png" alt="荣耀 NOTE 8" /> </p> <h3 class="grid-title">荣耀 NOTE 8</h3> <p class="grid-desc">2K大屏长续航&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>2499</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1485144384953.png" alt="华为畅享6S" /> </p> <h3 class="grid-title">华为畅享6S</h3> <p class="grid-desc">千元高颜值旗舰&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>1499</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/images/index/1482232706151.png" alt="华为畅享6" /> </p> <h3 class="grid-title">华为畅享6</h3> <p class="grid-desc">轻薄机身 充沛电力&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>1299</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
      </ul> 
     </div> 
    </div> 
   </div> 
  </div>
<!-- 初始值 -->
  <div class="layout relative"> 
   <div class="home-channel-floor" id="lc_124895"> 
    <div class="h"> 
     <h2 class="channel-title fl">笔记本&amp;平板</h2> 
     <ul class="channel-nav fl"> 
      <li><a href="#" target="_blank">平板电脑</a></li> 
      <li><a href="#" target="_blank">HUAWEI MateBook</a></li> 
      <li><a href="#" target="_blank">扩展坞</a></li> 
      <li><a href="#" target="_blank">触控笔</a></li> 
      <li><a href="#" target="_blank">二合一键盘</a></li> 
     </ul> 
     <div class="channel-more fr">
      <span></span>
      <span></span>
      <span></span> 
      <a href="#" target="_blank">更多</a>
      <span></span>
      <span></span>
      <span></span> 
     </div> 
    </div> 
    <div class="b"> 
     <!--20160815 广告 start--> 
     <div class="span-232 fl"> 
      <ul class="grid-promo-list"> 
       <!--20160815 大广告 start--> 
       <li class="grid-items grid-items-lg"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/mask.png" style="" data-lazy-src="/home/index/images/1487153704560.jpg" alt="" /> </a> </li> 
      </ul> 
     </div> 
     <!--20160815 广告 end--> 
     <div class="span-968 fl"> 
      <ul class="grid-list"> 
       <!--通过添加current 来实现 hover效果--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1487583245880.png" alt="华为平板 M3" /> </p> <h3 class="grid-title">华为平板 M3</h3> <p class="grid-desc">2.21-2.28 部分赠耳机&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>2388</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556781883.jpg" alt="华为平板 M3 4GB+32GB  LTE版（皓月银）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1487067952007.jpg" alt="荣耀平板2" /> </p> <h3 class="grid-title">荣耀平板2</h3> <p class="grid-desc">八核强劲芯片 3GB大内存&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>999</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556795010.jpg" alt="荣耀平板2 3GB+16GB WiFi版（珍珠白）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1486602437567.png" alt="华为平板 M2 8英寸" /> </p> <h3 class="grid-title">华为平板 M2 8英寸</h3> <p class="grid-desc">2.21-2.28 限量赠耳机&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>1288</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556781883.jpg" alt="华为平板 M2 8英寸平板电脑 16GB WiFi版（月光银）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233056334.png" alt="荣耀畅玩平板LTE版" /> </p> <h3 class="grid-title">荣耀畅玩平板LTE版</h3> <p class="grid-desc">大容量电池强劲续航&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>759</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1487166016047.png" alt="华为揽阅 M2 青春版 7.0英寸" /> </p> <h3 class="grid-title">华为揽阅 M2 青春版 7.0英寸</h3> <p class="grid-desc">2.21-2.28 赠耳机+皮套&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>1599</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556781883.jpg" alt="华为揽阅 M2 青春版 7.0英寸 16GB ROM 全网通版 （珍珠白）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="@" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1483932878314.jpg" alt="荣耀畅玩平板note" /> </p> <h3 class="grid-title">荣耀畅玩平板note</h3> <p class="grid-desc">9.6英寸IPS高清屏幕&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>1149</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233087546.png" alt="华为  M2 10.0 平板电脑" /> </p> <h3 class="grid-title">华为 M2 10.0 平板电脑</h3> <p class="grid-desc">四颗扬声器 指纹识别&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>2288</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1484532026309.png" alt="华为揽阅 M2 青春版 10.1英寸" /> </p> <h3 class="grid-title">华为揽阅 M2 青春版 10.1英寸</h3> <p class="grid-desc">轻盈体态 出色续航&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>1499</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
      </ul> 
     </div> 
    </div> 
   </div> 
  </div>
<!-- 初始值 -->
  <div class="layout relative"> 
   <div class="home-channel-floor" id="lc_124887"> 
    <div class="h"> 
     <h2 class="channel-title fl">智能穿戴</h2> 
     <ul class="channel-nav fl"> 
      <li><a href="#" target="_blank">手环</a></li> 
      <li><a href="#" target="_blank">手表</a></li> 
     </ul> 
     <div class="channel-more fr">
      <span></span>
      <span></span>
      <span></span> 
      <a href="#" target="_blank">更多</a>
      <span></span>
      <span></span>
      <span></span> 
     </div> 
    </div> 
    <div class="b"> 
     <!--20160815 广告 start--> 
     <div class="span-232 fl"> 
      <ul class="grid-promo-list"> 
       <!--20160815 大广告 start--> 
       <li class="grid-items grid-items-lg"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/mask.png" style="" data-lazy-src="/home/index/images/1487153723949.jpg" alt="" /> </a> </li> 
      </ul> 
     </div> 
     <!--20160815 广告 end--> 
     <div class="span-968 fl"> 
      <ul class="grid-list"> 
       <!--通过添加current 来实现 hover效果--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233619642.png" alt="荣耀手表 S1" /> </p> <h3 class="grid-title">荣耀手表 S1</h3> <p class="grid-desc">心率监测 游泳防水&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>599</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556795010.jpg" alt="荣耀手表 S1 表体（深空灰）+长腕带（黑色）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1486128269974.png" alt="华为儿童手表" /> </p> <h3 class="grid-title">华为儿童手表</h3> <p class="grid-desc">防尘防水低辐射&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>688</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233639525.png" alt="荣耀手环zero" /> </p> <h3 class="grid-title">荣耀手环zero</h3> <p class="grid-desc">北欧简约气质 简洁之美&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>299</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1486950452983.png" alt="华为手环 B2" /> </p> <h3 class="grid-title">华为手环 B2</h3> <p class="grid-desc">腕上私语 言行合一&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>999</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1484902721311.jpg" alt="HUAWEI WATCH" /> </p> <h3 class="grid-title">HUAWEI WATCH</h3> <p class="grid-desc">外观复刻经典兼具时尚与科技&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>2188</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233660317.png" alt="荣耀手环zero SS版" /> </p> <h3 class="grid-title">荣耀手环zero SS版</h3> <p class="grid-desc">至简•致美好&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>399</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1487558537832.png" alt="HUAWEI WATCH" /> </p> <h3 class="grid-title">HUAWEI WATCH</h3> <p class="grid-desc">邂逅腕上的一抹金&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>3888</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233693630.png" alt="荣耀畅玩手环 A1" /> </p> <h3 class="grid-title">荣耀畅玩手环 A1</h3> <p class="grid-desc">智能监测 精致随行&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>109</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556795010.jpg" alt="荣耀畅玩手环 A1 （魔法黑）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
      </ul> 
     </div> 
    </div> 
   </div> 
  </div>
<!-- 初始值 -->
  <div class="layout relative"> 
   <div class="home-channel-floor" id="lc_124897"> 
    <div class="h"> 
     <h2 class="channel-title fl">智能家居</h2> 
     <ul class="channel-nav fl"> 
      <li><a href="#" target="_blank">子母路由</a></li> 
      <li><a href="h#" target="_blank">电视盒子</a></li> 
      <li><a href="h#" target="_blank">路由器</a></li> 
      <li><a href="#" target="_blank">电力猫</a></li> 
      <li><a href="h#" target="_blank">随行wifi</a></li> 
      <li><a href="ht#" target="_blank">HUAWEI HiLink生态产品</a></li> 
     </ul> 
     <div class="channel-more fr">
      <span></span>
      <span></span>
      <span></span> 
      <a href="#" target="_blank">更多</a>
      <span></span>
      <span></span>
      <span></span> 
     </div> 
    </div> 
    <div class="b"> 
     <!--20160815 广告 start--> 
     <div class="span-232 fl"> 
      <ul class="grid-promo-list"> 
       <!--20160815 小广告 start--> 
       <li class="grid-items grid-items-md"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/mask.png" style="" data-lazy-src="/home/index/images/1487166331719.jpg" alt="" /> </a> </li> 
       <!--20160815 小广告 end--> 
       <!--20160815 小广告 start--> 
       <li class="grid-items grid-items-md"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/mask.png" style="" data-lazy-src="/home/index/images/1486362476862.jpg" alt="" /> </a> </li> 

      </ul> 
     </div> 
     <!--20160815 广告 end--> 
     <div class="span-968 fl"> 
      <ul class="grid-list"> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1483698218719.png" alt="华为路由 Q1" /> </p> <h3 class="grid-title">华为路由 Q1</h3> <p class="grid-desc">创新子母路由 信号覆盖无忧&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>599</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="./images/mask.png" data-lazy-src="./images/1482233766254.png" alt="荣耀路由标准版" /> </p> <h3 class="grid-title">荣耀路由标准版</h3> <p class="grid-desc">海思双核1GHz处理器&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>149</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1484100325589.jpg" alt="华为WS832" /> </p> <h3 class="grid-title">华为WS832</h3> <p class="grid-desc">1200M无线路由器&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>249</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233776849.png" alt="荣耀WiFi穿墙宝" /> </p> <h3 class="grid-title">荣耀WiFi穿墙宝</h3> <p class="grid-desc">即插即用 自动配对&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>255</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233787006.png" alt="华为路由 A1" /> </p> <h3 class="grid-title">华为路由 A1</h3> <p class="grid-desc">双千兆大户型无线路由器&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>399</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233802925.png" alt="荣耀路由Pro" /> </p> <h3 class="grid-title">荣耀路由Pro</h3> <p class="grid-desc">有线无线双千兆旗舰路由&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>315</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1484099756229.png" alt="华为盒子" /> </p> <h3 class="grid-title">华为盒子</h3> <p class="grid-desc">4K高清智能网络电视机顶盒&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>389</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482233824780.png" alt="荣耀盒子" /> </p> <h3 class="grid-title">荣耀盒子</h3> <p class="grid-desc">4核专业媒体芯片&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>288</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
      </ul> 
     </div> 
    </div> 
   </div> 
  </div>
<!-- 初始值 -->
  <div class="layout relative"> 
   <div class="home-channel-floor" id="lc_124889"> 
    <div class="h"> 
     <h2 class="channel-title fl">热销配件</h2> 
     <ul class="channel-nav fl"> 
      <li><a href="#" target="_blank">移动电源</a></li> 
      <li><a href="#" target="_blank">耳机</a></li> 
      <li><a href="#" target="_blank">充电器/线材</a></li> 
      <li><a href="#" target="_blank">自拍杆/支架</a></li> 
      <li><a href="#" target="_blank">音箱</a></li> 
      <li><a href="#" target="_blank">U盘/存储卡</a></li> 
      <li><a href="#" target="_blank">排插</a></li> 
      <li><a href="#" target="_blank">摄像机/镜头</a></li> 
      <li><a href="#" target="_blank">智能硬件</a></li> 
      <li><a href="#" target="_blank">生活周边</a></li> 
     </ul> 
     <div class="channel-more fr">
      <span></span>
      <span></span>
      <span></span> 
      <a href="#" target="_blank">更多</a>
      <span></span>
      <span></span>
      <span></span> 
     </div> 
    </div> 
    <div class="b"> 
     <!--20160815 广告 start--> 
     <div class="span-232 fl"> 
      <ul class="grid-promo-list"> 
       <!--20160815 小广告 start--> 
       <li class="grid-items grid-items-md"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/mask.png" style="" data-lazy-src="/home/index/images/1484540801407.jpg" alt="" /> </a> </li> 
       <!--20160815 小广告 end--> 
       <!--20160815 小广告 start--> 
       <li class="grid-items grid-items-md"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/mask.png" style="" data-lazy-src="/home/index/images/1485230989305.jpg" alt="" /> </a> </li> 
      </ul> 
     </div> 
     <!--20160815 广告 end--> 
     <div class="span-968 fl"> 
      <ul class="grid-list"> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482234090931.png" alt="荣耀三脚架自拍杆" /> </p> <h3 class="grid-title">荣耀三脚架自拍杆</h3> <p class="grid-desc">拿起放下 皆是风景&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>79</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556795010.jpg" alt="荣耀三脚架自拍杆（黑色）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1484541212768.jpg" alt="HUAWEI VR" /> </p> <h3 class="grid-title">HUAWEI VR</h3> <p class="grid-desc">改变视界&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>599</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482234117708.png" alt="荣耀引擎耳机2代" /> </p> <h3 class="grid-title">荣耀引擎耳机2代</h3> <p class="grid-desc">物理调音 音质出色&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>109</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1485231178120.jpg" alt="荣耀10000mAh 移动电源" /> </p> <h3 class="grid-title">荣耀10000mAh 移动电源</h3> <p class="grid-desc">匠心工艺 多重防护&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>165</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556795010.jpg" alt="荣耀10000mAh 移动电源 快充版（白色）" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1484635805662.jpg" alt="华为9V2A充电器" /> </p> <h3 class="grid-title">华为9V2A充电器</h3> <p class="grid-desc">高速快充 18W大功率&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>65</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1486696033016.png" alt="荣耀引擎耳机PLUS" /> </p> <h3 class="grid-title">荣耀引擎耳机PLUS</h3> <p class="grid-desc">延续经典 好听 好品质&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>89</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482234138816.png" alt="荣耀自拍杆" /> </p> <h3 class="grid-title">荣耀自拍杆</h3> <p class="grid-desc">发现更美的自己&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>40</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1484808047225.png" alt="华为小天鹅蓝牙音箱" /> </p> <h3 class="grid-title">华为小天鹅蓝牙音箱</h3> <p class="grid-desc">形如天鹅 音如天籁&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>99</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
      </ul> 
     </div> 
    </div> 
   </div> 
  </div>
<!-- 初始值 -->
  <div class="layout relative"> 
   <div class="home-channel-floor" id="lc_124893"> 
    <div class="h"> 
     <h2 class="channel-title fl">品牌配件</h2> 
     <ul class="channel-nav fl"> 
      <li><a href="#" target="_blank">移动电源</a></li> 
      <li><a href="#" target="_blank">耳机</a></li> 
      <li><a href="#" target="_blank">充电器/线材</a></li> 
      <li><a href="#" target="_blank">自拍杆/支架</a></li> 
      <li><a href="#" target="_blank">音箱</a></li> 
      <li><a href="#" target="_blank">U盘/存储卡</a></li> 
      <li><a href="#" target="_blank">排插</a></li> 
      <li><a href="#" target="_blank">摄像机/镜头</a></li> 
      <li><a href="#" target="_blank">智能硬件</a></li> 
      <li><a href="#" target="_blank">生活周边</a></li> 
     </ul> 
     <div class="channel-more fr">
      <span></span>
      <span></span>
      <span></span> 
      <a href="#" target="_blank">更多</a>
      <span></span>
      <span></span>
      <span></span> 
     </div> 
    </div> 
    <div class="b"> 
     <!--20160815 广告 start--> 
     <div class="span-232 fl"> 
      <ul class="grid-promo-list"> 
       <!--20160815 小广告 start--> 
       <li class="grid-items grid-items-md"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/1487643816023.jpg" style="" alt="" /> </a> </li> 
       <!--20160815 小广告 end--> 
       <!--20160815 小广告 start--> 
       <li class="grid-items grid-items-md"> <a class="thumb" href="#" target="_blank"> <img src="/home/index/images/1487643890594.jpg" style="" alt="" /> </a> </li> 

      </ul> 
     </div> 
     <!--20160815 广告 end--> 
     <div class="span-968 fl"> 
      <ul class="grid-list"> 
       <!--通过添加current 来实现 hover效果--> 
       <!--通过添加current 来实现 hover效果--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1486989602096.jpg" alt="爱奇艺VIP黄金会员月卡" /> </p> <h3 class="grid-title">爱奇艺VIP黄金会员月卡</h3> <p class="grid-desc">单品立享75折&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>14.85</span></p> <p class="grid-tips"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1474556855706.jpg" alt="爱奇艺VIP黄金会员月卡" /> </p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482234241366.png" alt="耐翔 手机扩容U盘" /> </p> <h3 class="grid-title">耐翔 手机扩容U盘</h3> <p class="grid-desc">2.21-2.27直降20元&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>49</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1486742793519.jpg" alt="BroadLink WiFi智能排插" /> </p> <h3 class="grid-title">BroadLink WiFi智能排插</h3> <p class="grid-desc">2.21-2.27直降10元&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>79</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/mask.png" data-lazy-src="/home/index/images/1482454060622.jpg" alt="耐翔 车载负离子空气净化器" /> </p> <h3 class="grid-title">耐翔 车载负离子空气净化器</h3> <p class="grid-desc">2.21-2.27直降20元&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>79</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/1484528352481.jpg" alt="大康 专用运动型蓝牙耳机" /> </p> <h3 class="grid-title">大康 专用运动型蓝牙耳机</h3> <p class="grid-desc">2.21-2.27直降29元&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>99</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/1486743115970.jpg" alt="尼尔凡迪 运动手机臂包" /> </p> <h3 class="grid-title">尼尔凡迪 运动手机臂包</h3> <p class="grid-desc">2.21-2.27直降11元&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>28</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/1486742632684.jpg" alt="耐翔 智能情感灯音响" /> </p> <h3 class="grid-title">耐翔 智能情感灯音响</h3> <p class="grid-desc">2.21-2.27最高降100元&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>149</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
       <!--通过添加current 来实现 hover效果--> 
       <li class="grid-items"> <a class="thumb" href="#" target="_blank"> <p class="grid-img"> <img src="/home/index/images/1482234272008.png" alt="BLCR 多USB口车载充电器" /> </p> <h3 class="grid-title">BLCR 多USB口车载充电器</h3> <p class="grid-desc">2.21-2.27最高降10元&nbsp;</p> <p class="grid-price"><em>&yen;</em><span>39</span></p> </a> </li> 
       <!--计算区域行中商品数量是否够了--> 
      </ul> 
     </div> 
    </div> 
   </div> 
  </div>
 <div class="hr-20"></div>
<div class="layout">
    <div class="ec-slider-item-img">
    <!-- 20130903-ad-762*132-start -->
    <div class="ad fl"><a target="_blank" href="h#"><img src="/home/index/images/178.jpg" title="实名认证" style="float:none;"></a></div><!-- 20130903-ad-762*132-end -->
   </div>
</div>

@endsection